<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<link rel="stylesheet" href="lib/dijit/themes/tundra/tundra.css">
<script src="./js/dojo/dojo.js"></script>

    <script type="text/javascript">
       dojo.require("dijit.Dialog");
       dojo.require('dijit.form.Button');
       dojo.addOnLoad(function(){
    	   // create a "hidden" Dialog:
    	   //var dialog = new dijit.Dialog({ title:"Hello Dijit!" }, "dialogId");
    	  // dialog.startup();

    	  // dialog.attr('content', 'fjdsljf fjdskl  fkdsfsafs <br />afaaj');

    	   //var divObj = dojo.create('div') ;
    	   //divObj.innerHTML = 'new div text';
			//dojo.html(dojo.byId('dialogDiv'),'<div>fdsafsdaf</div>');	

			//dojo.attr( dialog.domNode, {style:{width:300,heigth:200}} );
		    //dojo.place(dialog.domNode, dojo.byId('dialogDiv' ) ) ;	

		   //dojo.attr(dialog, {style: {width: 300, height:500},position:'relative',left:200,top:0} );	
    	   // Hint: In order to open the dialog, you have to call
    	 //  dialog.show();

    	   var b = new dijit.form.Button({label: "press me"}) ;
    	   dojo.place( b, dojo.byId('dialogDiv') );
    	 });
       
    </script>
</head>

<style type="text/css">
	#dialogDiv {
		position:absolute;
		top:20px;
		left:100px;
		width:500px;
		height:300px;
		background: gray;		
	}
</style>
<body class="tundra">
	<div id="dialogDiv"></div>
</body>
</html>